<template>
	<view class="page">
		<view class="title">
			2.1.view和text常用视图容器组件
		</view>
		<view class="">
			官网链接API
			<uni-link href="https://uniapp.dcloud.net.cn/component/view.html" text="view" color="#007BFF"
				class="mt-12"></uni-link>
			<uni-link href="https://uniapp.dcloud.net.cn/component/text.html" text="Text" color="#007BFF"></uni-link>
		</view>
		<view>Uniapp中的view相当于HTML里面的DIV</view>
		<view>
			重要属性 hover-class 使用方式 <text selectable hover-stop-propagation>hover-class="active"</text>
		</view>
		<view>hover-stop-propagation 防止冒泡</view>
		<view class="blue">假如父级元素有hoverClass子元素也有hoverClass点击子元素的时候父级也会改变</view>
		<view class="bold red">所有组件的属性为布尔类型时，如果属性为true 则直接写属性即可，不用再添加 ="true"</view>
		<view>示例 selectable="true" 可以简化为 selectable 。</view>
		<text selectable>selectable属性可以让text组件内容被复制</text>
	</view>

</template>

<script setup>
	import {
		ref
	} from 'vue'
</script>

<style lang="scss" scoped>

</style>